<!-- reportingResults -->
<template>
    <div class="page" :style="{'paddingTop': myHeight}">
        <div @click="goBack()" class="pagem" >
            <img src="../../assets/img/fhh.png" alt="">
        </div>
        <iframe id="myIframe" :src="titleTestUrl" frameborder="0"></iframe>
        <div class="b"></div>
    </div>
</template>
<script lang="ts" setup name="reportshare">
import { useRouter, useRoute } from "vue-router"
import { Toast } from '/@/utils/Message';
import { onMounted } from "vue"
import { reactive, ref } from 'vue'
import { getConfiguration } from "/@/api/auth/repot.ts";

const router = useRouter()
const route = useRoute()
const titleTestUrl = ref<any>("")
let data = reactive({
   ...route.query
});
const goBack = () => {
    router.go(-1)
}
const myHeight = ref<any>('')
onMounted(async()=>{
    titleTestUrl.value = data.url
    myHeight.value = sessionStorage.getItem("jstHeaderHeight")?JSON.parse(sessionStorage.getItem("jstHeaderHeight")):''
})
</script>

<!-- less嵌套设置 -->
<style lang="less" scoped>
.page {
    width: 100%;
    height: 100vh;
    // background: #efeff4;
    .pagem {
        width: 100%;
        height: 30px;
        background: #fff;
        img {
            width: 20px;
            height: 20px;
        }
    }
    div {
        width: 97%;
        height: 30px;
        color: aqua;
        margin-top: 10px;
        padding-left: 10px;
        img {
            width: 23px;
            height: 23px;
        }
    }
    #myIframe {
        width: 100%;
        height: 87vh;
    }
}
</style>

